/*-----Copyrights Tecnohertzz: All Rights Reserved-------*/

/* ------ Vertical Navigation by Tecnohertzz------ */

#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	background:url('https://lh5.googleusercontent.com/-iVrIbImAHcc/UI54Sx_7UbI/AAAAAAAABJA/xE4_WyUn6x0/s190/navigation.jpg') no-repeat;

	height:39px;
	width:38px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#7da315;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#c86c1f;
	color:#5a3517;
	text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#d0a525;
	color:#604e18;
	text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#af1e83;
	color:#460f35;
	text-shadow:1px 1px 0 #d244a6;
}

/* ------ Gadget Container Boxes Designed by Tecnohertzz------ */

.greybox{
margin:0 0 5px;
border:1px solid #d0d0d0;
background:#f0f0f0;
box-shadow:inset 0 0 0 1px #fff;
padding:5px;
overflow:auto;
}
.gadgetbox {
         border: 1px solid #0080ff;
         width: 585px;
         padding: 5px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
         -khtml-border-radius: 10px;
          border-radius: 10px;
}

/* ------ Code Container Boxes Designed by Tecnohertzz------ */
.boxcode {
font-size: 100%;
background: #F2F1F1 url(https://lh6.googleusercontent.com/-ChDopGP-hw4/UFTT7RXg2OI/AAAAAAAAA1w/moICaHFb5gA/s400/CODEBOX.png)top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border:1px solid #d0d0d0;
box-shadow:inset 0 0 0 1px #fff;
overflow:auto;
}
.boxcode p {
margin: 0;
padding: 0 0 15px;
}
.boxcode:hover {
background: #F2F1F1 url(https://lh3.googleusercontent.com/-y819btmBNus/UFTT7h6EyOI/AAAAAAAAA10/xdc3jh_Tkvk/s400/Codebox2.png)top left repeat-y;
}

/* ------ Message Boxes Designed by Tecnohertzz----------------------------------- */
.blockquote {
	margin: 1em 20px;
	padding: 10px;
	border: 2px solid #555;
	background-color: #bdbdbd;
	color: #000;
	font-size: 100%;
	text-align: justify;
	-moz-border-radius: 8px;
        -webkit-border-radius: 8px;
         -o-border-radius: 8px;
         -ms-border-radius: 8px;
         -khtml-border-radius: 8px;
          border-radius: 8px; 
}
.alert {
	border: 2px solid #fc0;
	padding: 8px 10px;
	font-size: 105%;
	font-weight: bold;
	color: #815001;
	background-color: #ff9;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;	
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px; 
}

/* ------ Author Box Designed by Tecnohertzz----------------------- */

.authorbox {
overflow:hidden;
margin:0 0 5px;
border:1px solid #d0d0d0;
background:#f0f0f0;
box-shadow:inset 0 0 0 1px #fff;
padding:5px;

}

.authorbox:hover {
-webkit-box-shadow: 0px 0px 5px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 5px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px  rgba(0, 0, 0, .3);
}

.authorbox h4 {
font-family: 'Cinzel Decorative', cursive;
font-size:20px;
clear:none;
margin:0;
padding:10px 10px 5px;
}

.authorbox .author_small {
font-style:italic;
}

.authorbox img {
-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
float:left;
border:4px solid #336699;
margin:10px;
padding:0;
}

.authorbox img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.authorbox p {
font-size:12px;
margin:0;
padding:0 10px 10px;
}

.authorbox a {
font-weight:bold;
color:#0080ff;
}

/*--- Popular Posts Boxing Designed by Tecnohertzz----------------------------------- */ 

.popular-posts ul{padding-left:0px;} 
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; 
list-style-type: none; 
margin:0 0 5px 0px; 
padding:5px 5px 5px 20px !important; 
border: 1px solid #CFCFCF; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px;
}
.popular-posts ul li:hover { 
border:1px solid #0080ff; 
}
.popular-posts ul li a:hover { 
text-decoration:none; 
}

/*---------- CSS Black Button-------------------------------------------------*/ 
.MBT-Buttons{ 
background:#000800; 
text-align:right; 
cursor:pointer; 
color:#fff; 
margin:5px 0; 
float:right; 
border:2px solid #ddd; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
} 
.MBT-Buttons:hover{ 
background:#fff; 
font:bold 11px sans-serif; 
color:#000800; 
border:2px solid #000800; 
} 
.MBT-Buttons a { 
color:#fff; 
text-decoration:none; 
}
.MBT-Buttons a:hover { 
color:#000800; 
text-decoration:none; 
}
/*---------- Download Button-----------------------------------------*/ 

.button {
	display:block;
	width:159px;
	height:67px;
	text-indent:-9999px;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	background:url(https://lh5.googleusercontent.com/-Fhu2h5AdnA0/T1iXEVb3pWI/AAAAAAAAAdY/0f7ycbXDatg/s159/download.png) no-repeat top left;
	outline:none;
}
.button a:hover {
	background-position:0 -67px;
}

/*---------- Listing Bullets UL-------------------------------*/ 
ul.imglist {
margin-left: 5;
padding: 0;
}
ul.imglist li {
margin: 0;
list-style-image:url('http://4.bp.blogspot.com/-SIzxtuS5HrU/TgX2jub0HzI/AAAAAAAAEi8/CAXs53FBd1I/s1600/bullet-point-image-8.png');
}

/*---------- Scroll box Designed by Tecnohertzz--------------------------------*/ 
.scrollbox {
border:2px solid #000000;
background: url(https://lh5.googleusercontent.com/-AftvOz6RLy4/Tu3WzicB5aI/AAAAAAAAAZE/ooc-Jzi6bBA/s16/back.jpg);
height:300px;
width:585px;
overflow:auto;
}

/* ------ Labels Designed by Tecnohertzz------------------------------------------------ */

.post-tags {
    margin:0 0 5px 5px;
    float:left;
    position:relative;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:0.95em;
    font-weight:bold;
    text-decoration:none;
    color:#996633;
    text-shadow:0px 1px 0px rgba(255,255,255,.4);
    padding:0.417em 0.417em 0.417em 0.417em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
      -o-border-radius: 7px;
      -ms-border-radius: 7px;
    -khtml-border-radius: 7px;
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
    -webkit-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow:
        inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    z-index:1000;
}

/* ------------------------------Start of Calender  (LIGHT Theme) ------------------------------------- */ 

#calendarDisplay {display:none;} 
/* div that holds calendar */ 
#blogger_calendar { margin:0px auto 0px 0px;width:100%;} 
/* Table Caption - Holds the Archive Select Menu */ 
#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#fff;font:bold 100% Tahoma, Arial, Sans-serif} 
/* The Archive Select Menu */ 
#bcaption select {background:#ffff;border:0 solid #C7C7C7;color:#0080ff;font-weight:bold;text-align:center;} 
/* The Heading Section */ 
table#bcalendar thead {} 
/* Head Entries */ 
table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#fff;color:#0080ff;} 
/* The calendar Table */ 
table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff} 
/* The Cells in the Calendar */ 
table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#000;font:bold 100% Tahoma, Arial, Sans-serif;} 
/* Links in Calendar */ 
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:#ffffff; text-decoration:none;} 
table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;} 
/* First Row Empty Cells */ 
td.firstCell {visibility:visible;} 
/* Cells that have a day in them */ 
td.filledCell {  background:#fff;} 
td.filledCell:hover {  background:#dddddd;} 
/* Cells that are empty, after the first row */ 
td.emptyCell {visibility:hidden;} 
/* Cells with a Link Entry in them */ 
td.highlightCell {background:#53A9FF;border:1px solid #C7C7C7} 
td.highlightCell:hover {background:#72B9FF;border:1px solid #C7C7C7} 
/* Table Footer Navigation */ 
table#bcNavigation  {width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;} 
table#bcNavigation a:link {text-decoration:none;color:#0080ff} 
table#bcNavigation a:hover{text-decoration:underline;} 
td#bcFootPrev {width:10px;} 
td#bcFootAll{text-align:center;} 
td#bcFootNext {width:10px;} 
ul#calendarUl {margin:5px auto 0!important;} 
ul#calendarUl li a:link {} 

/*---------- Social Icons Footer---------------------*/ 

#social {
    float: left;
    position: relative;
    right: 20px;
    text-align: right;
    width: auto;
}

#social img {
    float: left; margin-left: 10px; 
}

/* ------ Social Icon List ------ */
.social-icons{
margin-top:5px
}
.social-icons ul{
border:none
}
.social-icons li{
border:none;
display:inline;
margin-right:5px
}
.social-icons li img{
margin-bottom:5px
}

/* ------ Overlay Designed by Tecnohertzz------ */
#top-overlay{
width:100%;
height:30px;
position:absolute;
left:0;
background:url(http://1.bp.blogspot.com/-KvtgwSWUoxU/TfFpL_23dQI/AAAAAAAAAJk/WwTLuIbRfvw/s1600/top-overlay.png) repeat-x left;
z-index:99
}

/* ------Boxy Header Designed by Tecnohertzz------ */
.boxyheader{background:url(http://4.bp.blogspot.com/-ZAtMLwhuQqs/T4MQtfrW2nI/AAAAAAAAAzE/_XRLa3Riqdk/s1600/h2.png) no-repeat 4px center transparent;font-size:19px;font-family: 'Cinzel Decorative', cursive;font-weight:bold;padding:3px 10px 3px 30px;color:#a5a503;border:3px solid #c8c800;text-shadow:0 1px 0 #CCC;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;-moz-box-shadow:0 1px 3px #c6c6c6,1px 1px 0 rgba(255,255,255,0.4) inset;-webkit-box-shadow:0 1px 3px #c6c6c6,1px 1px 0 rgba(255,255,255,0.4) inset;box-shadow:0 1px 3px #c6c6c6,1px 1px 0 rgba(255,255,255,0.4) inset;margin:15px 3px;line-height:1.5;border-image:initial
}

/* ------Related Posts by Tecnohertzz------ */
#related-posts {margin: 20px 0; width: 100%;}
#related-posts h3 { padding-bottom: 20px;font-size: 18px;}
#related-posts li { float: left; margin-right: 2%; width: 48%;}
#related-posts img {
    float: left;
    height: 55px;
    line-height: 0;
    margin-right: 10px;
    width: 55px;
    border:3px solid #d7d7d7;
}

#related-posts .divider {
    margin: 10px 0;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D7D7D7;
    clear: both;
    height: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#related-posts span {color: #999999;font-size: 11px;
}